<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!-- key的用途在于Vue的diff算法，在新旧DOM节点比对的时候进行帮助辨识，作为唯一标识符 -->
    <!-- 使用key，可以提高渲染性能 -->
    <!-- 需要使用 key 来给每个节点做一个唯一标识，Diff 算法就可以正确的识别此节点，找到正确的位置区插入新的节点 -->
    <!-- 所以简单的说，key 的作用主要是为了高效的更新虚拟 DOM -->
</body>

</html>